<template>
    <div class="form-group">
        <label class="control-label col-md-4">请选择省市区</label>
        <div class="col-md-6" style="display:flex">
            <select-input :area="area" :name="'province'" :sun="'city'"></select-input>
            <select-input :area="area" :name="'city'"     :sun="'district'"></select-input>
            <select-input :area="area" :name="'district'" :sun="''"></select-input>
        </div>
    </div>
</template>

<script>
    import area from 'china-area-data/v4/data'
    import SelectInput from './SelectInput'
    export default {
        name: "SelectDistrict",
        components:{
            SelectInput,
        },
        data(){
            return{
                area,
            }
        },
        mounted(){
            this.$set(area, 'provinceId', 86)
        }
    }
</script>

<style scoped lang="stylus">
    select+select
        margin-left:4px
</style>